<template>
	<view>
		<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
		 :autoplay="true" interval="5000" duration="500">
			<swiper-item v-for="(item,index) in tit" :key="index">
				<image :src="item.src" mode="aspectFill"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name:"lunbo",
		data() {
			return {
				dotStyle:true,
				cardCur:0,
				tit: [{
					id: 'img1',
					src: 'https://img.kekenet.com/banner/pcchendu.png',
				}, {
					id: 'img2',
					src: 'http://pic.kekenet.com/2019/0513/huiben.jpg',
				}, {
					id: 'img3',
					src: 'https://img.kekenet.com/banner/guyuepcbanner.png',
				}, {
					id: 'img4',
					src: 'https://img.kekenet.com/banner/banner04.png',
				}],
			};
		},
		methods:{
			cardSwiper(e) {
				this.cardCur = e.detail.current
			},
		}
	}
</script>

<style scoped>
	
	.lunbo image {
		width: 100%;
		height: 100%;
	}
	.uni-searchbar{
		padding: 5px 10px!important;
	}
	.card-swiper >>>uni-swiper-item{
		padding: 10px 0 30px 0!important;
	}
	.card-swiper{
		height: 200px!important;
	}
	>>>.uni-swiper-dot{
		background-color: #FFFFFF!important;
	}
	
</style>
